.themeColor {
	color: #0091D7;
}
.themeBgColor {
	background: #0091D7;
}
.flex {
	display: flex;
}

.flexColumn {
	flex-direction: column;
}

.fcenter {
	justify-content: center;
	align-items: center;
}

.alignC {
	align-items: center;
}

.fjb {
	justify-content: space-between;
}
button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
.commonbtn {
	display: flex;
	width: 160rpx;
	height: 80rpx;
	justify-content: center;
	align-items: center;
	border-radius: 20rpx;
	background: linear-gradient(90deg, #20B2F9 0.31%, #009BE5 101.68%);
	font-size: 30rpx;
	color: #fff;
}
.common-hollow-btn {
	display: flex;
	width: 160rpx;
	height: 60rpx;
	justify-content: center;
	align-items: center;
	border-radius: 20rpx;
	border: 2rpx solid #0091D7;
	font-size: 30rpx;
	color: #009BE5;
}
.common-solid-btn {
	display: flex;
	width: 160rpx;
	height: 60rpx;
	justify-content: center;
	align-items: center;
	border-radius: 20rpx;
	background: linear-gradient(90deg, #20B2F9 0.31%, #009BE5 101.68%);
	font-size: 30rpx;
	color: #fff;
}
.small_btn{
	font-size: 34rpx;
	color: #fff;
}
.large_btn {
	margin-top: 20rpx;
	width: 90%;
	margin: 20rpx auto;
	height: 80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 40rpx;
	font-size: 34rpx;
}
// 一行省略
.line1 {
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
// 2行省略
.line2 {
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.list-box{
	margin: 0 32rpx;
	.card-item {
		margin: 8rpx 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		// height: 200rpx;
		width: 100%;
		.img {
			width: 200rpx;
			height: 200rpx;
			margin-right: 20rpx;
			border-radius: 12rpx;
		}
	
		.card-right {
			padding-left: 16rpx;
			flex: 1;
			width: 450rpx;
			height: 195rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			.card-title{
				font-size: 30rpx;
				color: #333;
				font-weight: 500;
			}
			.card-desc{
				color: #999;
				font-size: 26rpx;
				line-height: 30rpx;
				font-weight: 400;
				margin-top: 8rpx;
				.card-desc-hour{
					&::after{
						content: ' | ';
						
					}
				}
			}
			.card-bot{
				align-items: flex-end;
				flex: 1;
				.card-bot-left{
					color: #FA3434;
					font-weight: 600;
					.icon{
						font-size: 26rpx;
					}
					.num{
						font-size: 34rpx;
					}
				}
			}
		}
	}
}
// 分类title
.page-box{
	width: 94%;
	margin: 32rpx auto;
}
.split-line{
	width: 100%;
	height: 1rpx;
	background: #f2f2f2;
}
.cate-title{
	font-size: 34rpx;
	margin: 20rpx 0;
	font-weight: 600;
	.cate-title-line{
		width: 10rpx;
		height: 36rpx;
		background: #0091D7;
		margin-right: 10rpx;
	}
	.readmore{
		border: 1rpx solid #ccc;
		border-radius: 30rpx;
		font-size: 24rpx;
		color: #999;
		height: 48rpx;
		width: 138rpx;
		padding-left: 8rpx;
	}
}
.key-value{
	margin: 12rpx 0;
	display: flex;
	font-size: 28rpx;
	font-weight: 400;
}
.service-sales-box{
	color: #0091D7;
	font-size: 24rpx;
	font-weight: 400;
	border-radius: 20rpx 20rpx 20rpx 0rpx;
	background: #E6F7FF;
	width: 173rpx;
	height: 34rpx;
	text-align: center;
	margin-left: 20rpx;
}
.large_btn {
	margin-top: 20rpx;
	width: 90%;
	margin: 20rpx auto;
	height: 80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20rpx;
	// font-size: 34rpx;
	color: #fff;
	background: #0091D7;
}
.foot_box {
	position: fixed;
	bottom: 0;
	height: 180rpx;
	background: #fff;
	width: 100%;
	paddingg-top: 20rpx;
}
.empty_box {
	color: #999;
	image {
		width: 330rpx;
		height: 250rpx;
		margin-bottom: 32rpx;
	}
	text{
		color: #999;
		font-size: 28rpx;
		margin-top: 30rpx;
	}
	height: 60vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 32rpx;
}
.confirm-btn {
	height: 80rpx;
	border-radius: 20rpx;
	background: linear-gradient(90deg, #20B2F9 0.31%, #009BE5 101.68%);
	color: #fff;
	text-align: center;
	line-height: 80rpx;
	margin: 0rpx 32rpx;
}
.confirm-bg{
	position: fixed;
	bottom: 0rpx;
	background: #ffffff;
	width: 100%;
	height: 180rpx;
	z-index: 999;
	padding-top: 16rpx;
}
.login-tip{
    height: 88rpx;
    text-align: center;
    display: flex;
    justify-content: space-between;
    padding: 0rpx 16rpx;
    border-radius: 20rpx;
    font-size: 28rpx;
    z-index: 999999;
    align-items: center;
    color: #F9AE3D;
    background: #FDF6EC;
}